<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>隐式标签(implicit labels)</title>
  <!-- 
    HTML的隐式标签（Implicit Labels）是指在某些情况下，浏览器会自动为一些元素添加标签，以提高页面的可访问性和语义化。以下是关于HTML隐式标签的一些常见情况和示例： 
 
      1.  <caption> 标签：当 <table> 标签中包含 <caption> 标签时， <caption> 标签会被视为表格的标题，用于描述表格内容。 
      2.  <thead>、<tbody>、<tfoot> 标签：当 <table> 标签中包含 <tr> 标签时，浏览器会自动将 <tr> 标签分组，分别视为表头、表体和表尾。 
      3.  <th> 标签：当 <table> 标签中的 <tr> 标签中包含 <th> 标签时， <th> 标签会被视为表头单元格，用于标记表格的标题。 
      4.  <label> 标签：当 <input> 标签中包含 <label> 标签时， <label> 标签会被视为输入框的标签，用于描述输入框的用途。 
      5.  <legend> 标签：当 <fieldset> 标签中包含 <legend> 标签时， <legend> 标签会被视为字段集的标题，用于描述字段集的内容。 
      6.  <option> 标签：当 <select> 标签中包含 <option> 标签时， <option> 标签会被视为下拉列表的选项，用于定义下拉列表中的选项。 
   -->
   <style>
     div {
       border: 1px solid saddlebrown;
     }
   </style>
</head>
<body>

  <div class="implicit-labels"></div>
  <div class="implicit-labels"></div>

  <ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
    <li>item5</li>
  </ul>
  
</body>
</html>